<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript" src="jquery.min.js">

		</script>
	</head>
	<body>
		<div>我是div</div>
		<div class="nav">
			我是nav div
		</div>
		<ol>
			<li>我是ol的</li>
			<li>我是ol的</li>
			<li>我是ol的</li>
			<li>我是ol的</li>
		</ol>
		<ul>
			<li>我是ul的</li>
			<li>我是ul的</li>
			<li>我是ul的</li>
			<li>我是ul的</li>
		</ul>
		<script type="text/javascript">
			$(function() {
				//类名选择器
				console.dir($('.nav'));
				//子代选择器  获取亲儿子,孙子层级不会获取
				console.dir($('ul>li'));
				//后代选择器 获取ul下所有的li元素,儿子孙子都获取
				console.dir($('ul li'));

			})
		</script>
	</body>
</html>
